<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/layout.css">

    <script src="../js/jquery-1.11.3.min.js"></script>
    <script src="../js/paramsTool.js"></script>
    <script src="../js/shanshuo.js"></script>
    <script src="../js/layer.js"></script>


</head>
<style type="text/css">
    .me_top{width:100%; background-color:#FFF; border-bottom:1px solid #e3e2e2; border-top:1px solid #e3e2e2; margin-top:5%;position:relative;}/*7.25修改*/
    .me_top .message{ background-color:#fff;height:120px; text-align:center; margin-left:20px; padding-bottom:10px; }


    .me_top .message .left{float:left; width:10%; height:80px;}
    .me_top .message .head{width:60%; height:110px;margin:10px auto 5px; text-align:center; position:relative;}
    .me_top .message .head img{width:120px; height:110px; border-radius:6px; border:1px solid #f4b747;}


    .me_top .message .right{margin-left: 120px;float:left;height:120px; line-height: 20px; width:40%; font-size: 18px; border:0px solid red;}
    .me_top .message .right ul{margin-top: 40px;text-align: left;}
    .me_top .message .right li{margin-top: 10px;}
    .me_top .message .right span{color:red;}

    .me_top .message .arr_right {float:right; width:15%; margin-right:10px;}
    .me_top .message .arr_right .code img{float:right; width:20px; height:20px; margin:60px 0px 0 0;}
    .me_top .message .arr_right .arr img{float:right; width:25px; height:25px; margin:57px 0px 0 0;}

    /***********中间条*************/
    .strategy{margin:5% auto 0;}

    .melist{ width:100%;height:45px;display:block; overflow:hidden;background:#fff;float:right;border-bottom: solid #e7e7e7 1px;}
    .melist .meli_left{ float:left; height:45px; line-height:40px;border-bottom: solid #f0efef 1px; display:block; overflow:hidden; font-family:"黑体"; font-size:14px; font-weight:400; color:#505050;}
    .melist .meli_left .melistimg{width:25px; margin:10px 0 0 10px; float:left; line-height:40px;}
    .melist .meli_left .melistimg img{ float:left; width:100%; float:left; }
    .melist .meli_left .melisttxt{ float:left;height:45px; margin-left:20px; line-height:45px;}
    .melist .meli_left .new{ float:left; height:25px; margin:3px 15px;}
    .melist .meli_left .new img{width:40px; height:40px;}

    .melist .meli_right{float:right; margin:10px 10px 0 0;text-align:right;}
    .melist .meli_right .msg{ line-height:28px; display:block; float:left; color:#CB3536;}
    .melist .meli_right .img{float:left;}
    .melist .meli_right label{font-family:"黑体"; font-size:14px; font-weight:400;}

    /********8宫格**********/

    .grid{background:#fff; height:95px !important; margin-top:5%;}
    .grid dl.list{width:33.1%; float:left; text-align:center;color: #505050;font-weight: bold}
    .grid dl.list dt {height:50px;}
    .grid dl.list dt img{height:35px; margin-top:20%;}
    .grid dl.list dd{border:0px solid red; text-align:center; height:40px; line-height:55px; }
    .bord_l{border-left: 1px solid #e7e7e7;}
    .bord_r{border-right: 1px solid #e7e7e7;}
    .bord_t{border-top: 1px solid #e7e7e7;}
    .bord_b{border-bottom: 1px solid #e7e7e7;}

    .exptxt{margin-right:10px;}
    .exptxt ol{line-height:1.4; color:#505050; font-weight:bold; font-size:13px;}
    .exptxt ol li{ margin:10px 0 0 25px; list-style-type:decimal;width: 90%; text-align: left;}
</style>

<body style="background: #efeff4" onload="blinklink()">

    <!--顶部bar-->
    <a>
        <div class="me_top">

            <div class="message">
                <div class="left">

                    <div class="head">
                        <img src="../image/head.png">
                        <!--<a href="javascript:;" onClick="exp()"><div class="tutor"><img src="../image/tutor1.png"></div></a>-->
                    </div>
                    <!--<div class="mess_left"> 同步微信资料 </div>-->

                </div>
                <div class="right">
                   <ul>
                       <li>ID:<span id="spanSid">****</span></li>
                       <li>金币:<span id="spanCoin">0</span></li>
                   </ul>
                </div>
                <!--<div class="arr_right">
                    <span class="arr"><img src="../image/jiantou2.png"></span>
                    <span class="code" ><img src="../image/smwx.png"></span>
                </div>-->
            </div>

        </div>
    </a>

    <!--抢钱攻略-->
    <a href="javascript:;" onClick="exp()">
        <div class="strategy">
            <div class="melist" style="border-bottom: solid #e7e7e7 1px;">
                <div class="meli_left">
                    <div class="melistimg"><img src="../image/melist_01.png"></div>
                    <div class="melisttxt">重要通知!!</div>

                </div>
                <div class="meli_right">
                    <span><img src="../image/jiantou2.png"></span>
                </div>
            </div>
        </div>
    </a>
    <a onclick="alert('暂无权限')">
        <div class="strategy">
            <div class="melist" style="border-bottom: solid #e7e7e7 1px;">
                <div class="meli_left">
                    <div class="melistimg"><img src="../image/handtoh.png"></div>
                    <div class="melisttxt">签到</div>

                </div>
                <div class="meli_right">
                    <span><img src="../image/jiantou2.png"></span>
                </div>
            </div>
        </div>
    </a>
    <div class="clear"></div>


    <!--8宫格-->
    <div class="grid bord_t bord_b">

        <a href="recharge.html">
            <dl class="list border_t dlheight" id="six1">
                <dt><img src="../image/comrades.png" /></dt>
                <dd>充值会员</dd>
            </dl>
        </a>

        <a href="postCash.html">
            <dl class="list bord_l bord_r" id="six2">
                <dt><img src="../image/melist_04.png" /></dt>
                <dd>申请提现</dd>
            </dl>
        </a>

        <a href="cashList.html">
            <dl class="list border_t  border_l dlheight" id="six4">
                <dt><img src="../image/melist_02.png" /></dt>
                <dd>提现记录</dd>
            </dl>
        </a>

    </div>

    <a href="luckWheel.html">
        <div class="strategy">
            <div class="melist" style="border-bottom: solid #e7e7e7 1px;">
                <div class="meli_left">
                    <div class="melistimg"><img src="../image/earn.png"></div>
                    <div class="melisttxt">幸运转盘</div>

                </div>
                <div class="meli_right">
                    <span><img src="../image/jiantou2.png"></span>
                </div>
            </div>
        </div>
    </a>

    <a href="customer.html">
        <div class="strategy">
            <div class="melist" style="border-bottom: solid #e7e7e7 1px;">
                <div class="meli_left">
                    <div class="melistimg"><img src="../image/melist_3.png"></div>
                    <div class="melisttxt">联系客服</div>

                </div>
                <div class="meli_right">
                    <span><img src="../image/jiantou2.png"></span>
                </div>
            </div>
        </div>
    </a>
    <div class="clear" style="height: 80px;"></div>
    <!--底部导航-->
    <div class="red_bar">
        <a onclick="alert('无权限查看')">
            <dl class="list">
                <dt class=""><img src="../image/ctb1.png" /></dt>
                <dd>百万微商</dd>
            </dl>
        </a>
        <a href="book.html">
            <dl class="list">
                <dt><img src="../image/ctb2.png" /></dt>
                <dd>在线阅读</dd>
            </dl>
        </a><a>
        <dl class="list">
            <dt><img src="../image/ctbm.png" style="height: 40px;" onclick="alert('无权限发布商品')"/></dt>
            <dd></dd>
        </dl>
    </a><a onclick="alert('无权限查看')">
        <dl class="list">
            <dt>
                <img src="../image/ctb3.png"/>
            </dt>
            <dd>百万微货</dd>
        </dl> </a>
        <a href="me.html">
            <dl class="list">
                <dt><img src="../image/ctb4on.png" /></dt>
                <dd class="tbon">个人中心</dd>
            </dl>
        </a>
    </div>
    <!--底部导航end-->

<script>
    var host = window.location.origin;
    var sid = getCookie('sid');
    var coin = getCookie('coin') || 0;
    var uid = getCookie('wxopenid');
    var params = queryString();
//    alert('params:'+JSON.stringify(params));

    if(params.sid) {
        setCookie('sid',params.sid);
        sid = params.sid;
    }else {
        sid = getCookie('sid');
    }
    if(params.coin){
        setCookie('coin',params.coin);
        coin = params.coin;
    }else {
        coin = getCookie('coin');
    }


    if(!sid){
        getWxCode();
    }

    $(document).ready(function(){

        $("#spanSid").html(sid);
        $("#spanCoin").html(coin);

    });

    function exp(){
        layer.open({
            type: 1,
            title:[
                '重要通知',
                'background-color:#cc3435; color:#fff; font-weight:bold;text-align:center;'
            ],
//            content: '<div class="exptxt"><ol><li>每推广一个有效玩家,一级代理可以永久获得其充值金额的10%的佣金回报,作为欢乐币实时到账</li><li>二级代理可以永久获得其充值金额的5%的佣金回报,作为欢乐币实时到账</li><li>代理关系一经确认将永久生效</li></ol></div>',
            content: '<div class="exptxt"><ol><li>因平台疏忽,暂不开放支付充值会员功能,给您造成不便深感歉意,感谢您的支持和理解!</li><li>请随时保持关注,我们将尽快恢复平台功能,目前仅开放在线阅读微信营销108招.</li><li>提现功能保持全天开放,如还有金币请尽快提现,以免给您造成损失!</li></ol></div>',
            style: 'width:80%; height:250px;border:0px solid black; margin:0 auto; border-radius:6px;'
        });
    }
</script>
</body>

</html>